<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #box1 {
            width: 100px;
            height: 100px;
            background: red;
        }

        #box {
            width: 100px;
            height: 100px;
            background: green;
        }
    </style>
</head>
<body>
<!--
    id选择器            通过id选择元素（选择到的是一个元素）
        语法            #id名称（要添加的样式）
        注意：id具有唯一性，说明一个页面中只能出现一个id，不可重复，不符合w3c标准；

-->
<div id="box1"></div>
<div id="box"></div>
</body>
</html>